html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

#page {
	width: 100%;
	margin: 0 auto;
	min-height: 100%;
position: relative;
}

<!--[if lte IE 6]>
<style type="text/css">
div#page {
	height: 100%;
}
</style>
<![endif]-->

#lien_pc, #lien_contact {
color: white;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#lien_pc, #lien_contact {
color: white;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.error {color: #FF0000;}
ul {
  list-style-type: none;
  padding: 0;
  overflow: hidden;
  background-color: DarkGray;
  margin-right:3px;
}

li {
  float: right;
  border:1px solid;
}

li a {
  display: block;
  color: white;
  text-align: center;
  text-decoration: none;
  background-color: green;
}

li a:hover {
  background-color: #111111;
}
#formulaire {
  margin-left: 5%;
  width: 90%;
  margin-top: 3%;
height: 77%;
margin-bottom: 0;
padding-bottom: 4em;
}
#submit {
width: 10rem;
align: center;
background-color: green;
color: white;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
#submit:hover {
background-color: #111111;
cursor: pointer;
}
label
{
	display: block;
	width: 24ch;
	float: left;
}
body {
  background-color: #B0E0E6;
}
.pied {
	position: absolute;
	bottom: 0;
 left: 0;
	width: 100%;
	height: 4rem;
background-color: RoyalBlue;
display: flex;
justify-content: space-between;
  color: white;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
button:hover {
  background-color: #111111;
cursor: pointer;
}
#haut_accueil, #bas_contact {
margin-right: 1vw;
}
#titre, #copie {
margin-left: 1vw;
}
#haut_accueil {
margin-top: 2vh;
background-color: green;
color: white;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
.haut {
  position: relative;
  margin-top: 0;
  height: 10%;
  width: 100vw;
background-color: RoyalBlue;
display: flex;
justify-content: space-between;
  color: white;
font-family: Verdana, Arial, Helvetica, sans-serif;
}